<template>
  <div style="width: 170px">
    <el-card>
      <div slot="header" class="card_header">
        <el-tooltip class="item" effect="dark" content="向下填充" placement="top">
          <el-button icon="el-icon-bottom" type="text"></el-button>
        </el-tooltip>

        <span>04月01日</span>
        <el-tooltip class="item" effect="dark" content="向右填充" placement="top">
          <el-button icon="el-icon-right" type="text"></el-button>
        </el-tooltip>
      </div>
      <div class="card_content">
        <div> (晚1212班)休息07:00-15:30</div>
        <div> (晚班)休息07:00-15:30</div>
        <div> (晚班)休息07:00-15:30</div>
        <div> (晚1212班)休息07:00-15:30</div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'ExampleCard'
}
</script>

<style scoped>
.card_header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.card_content {
  font-size: 12px;
}

.el-card__header {
  padding: 0;
}
</style>
